<template>
  <view class="top-navbar">

    <u-navbar :background="background" :back-icon-color="backIconColor"
              :height="height" z-index="2000" :title-color="titleColor"
              :border-bottom="false" :title="title" :is-back="isBack" />

      <image mode="widthFix" class="bg-img" :src="toTopImg" />

  </view>
</template>

<script>
  let systemInfo = wx.getSystemInfoSync();
  export default {
    name: "top-navbar",
    props: {
      height: {
        default: 40
      },
      title: {
        default: ""
      },
      isBack: {
        default: false
      },
      titleColor: {
        default: "#fff"
      },
      backIconColor: {
        default: "#fff"
      },
      background: {
        default: {'background-color': 'rgba(255,255,255,0)'}
      },
      toTopImg: {
        default: "https://rzkeji.oss-cn-shenzhen.aliyuncs.com/web/recruit_wxapp_2021/images/top_bg.png"
      },
    },
    data() {
      return {}
    },

  }
</script>

<style lang="scss" scoped>
  .top-navbar {
    .bg-img {
      z-index: 1;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 0;
    }
  }
</style>
